$(function () {
    $(".head a").on({
        click: function () {
            $(this).addClass("current1").siblings().removeClass("current1")
        },

        mouseenter: function () {
            $(this).css('background', '#ebf3ff')
        },
        mouseleave: function () {
            $(this).css('background', '')
        }
    })
    $(".left li").each(function (e, val) {
        var span = $("<span>×</span>")
        $(".left li").eq(e).append(span)
    })
    $(".left li").hover(function () {
        $(this).children("span").show()
    }, function () {
        $(this).children("span").hide()
    })
    $(".left li").on("click", "span", function () {
        $(this).parents(".left li").remove()
    })
})